﻿body,
html {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  background:none;

  font-family:serif;
}


html {font-size:100%;/*12 ÷ 16 × 100% = 75%*/}
body {font-size: 1.4rem;/*1.4 × 12px = 16.8px */ }
body {font-family:"Microsoft YaHei",Arial,"Helvetica";}


body{ background:#f7f7f7}
.list_nav{ width:245px; float:left; height:3rem;}
ul.list_nav li{ width:20%; height:3rem; line-height:3rem; float:left; text-align:left}
ul.list_nav a{ color:#fff; width:100%; font-size:.8rem;  display:block }
ul.list_nav a:hover{  float:left; display:block; text-decoration:underline;}


.list_top_nav span{ height:3rem; line-height:3rem;}
.list_tb{ width:100%;}
.list_top{ height:3rem; background:#333; width:100%; position:fixed; z-index:10; }

/*pages*/
.pagination {font-size:12px;width:auto; margin:0 auto;}
.pagination li{list-style:none;display: inline;float:left;text-decoration: none;border-left-width:0;width:50%; text-align:left;}
.pagination li:nth-child(2) {
  text-align: right;
}
.pagination li a{ display:block; /*padding-right: 3rem*/}
.pagination li a:hover{ color:red}
.pagination ,span.pageinfo{  text-align:right; clear:both; } 

.color_2{ color:#222}
.bline{ height:auto; width:200px; float:left;}
.list_add{ padding:0 24px; width:90%; background:red}
.list_top_nav{line-height:45px; color:#fff;}
.search_btn{ font-size:16px; cursor:pointer}
.list_center,.list_top_nav,.list_add{ margin:0 10px}
ul.list_tb{ width:100%;  float:left;}
.index_button{ float: left; width:100%; color: #fff; cursor: pointer; margin-top:20px; height:40px; background:#111; border:1px solid #212324; -webkit-appearance : none; font-size: 14px;}
.index_button:hover{ background: #000; color:#fff; cursor: pointer;}
ul.list_tb li,.bline{ float:left; width:33.2222%; height:3.8rem; border:1px #ecf0f1 solid; text-align:justify;  background:#fff;
  font-weight: 700;
  text-align: left;
  margin: 0 -1px -1px 0;
  position: relative;
  z-index:1;
  transition: all 0.3s linear;
  padding:.5rem 0; margin-bottom:.5rem;
  overflow:hidden;
  font-size: 1rem
   }


ul.list_tb li p{ line-height:1.9rem; overflow:hidden; padding:0 1rem; }
ul.list_tb li span{ float:left; width:100%; line-height:1.9rem; font-size:.8rem; font-weight:normal;}
ul.list_tb li p,ul.list_tb li span{ padding:0 1rem;}
ul.list_tb li:hover{ border:1px #999 solid; color:#222;z-index:2;}
ul.list_tb li img{ width:100%; display:block;}
.list-ordered {
  counter-reset: list-counter;
  display: block;
}
.list_item {
  display: block;
  position: relative;
  line-height:30px;
}

.list_item:before {
  color:#ffe8d9;
  content: counter(list-counter);
  counter-increment: list-counter;
  display: block;
  right:10px;
  position:absolute;
  top:19px;
  text-align:center;
  letter-spacing:0px;
  font-weight:normal;
}

.tags_k {
    margin-right: 10px;
    border: 1px #efefef solid;
    padding: 3px 5px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #efefef;
}

.tags_k a{
text-decoration:none
}

.bhh{ background:#fff}
.subnav{margin:0 auto; height: 1.7em; line-height:1.7em; position:fixed; top:3rem; left:0px; right:0px; background:rgba(255,255,255,.9); width:100%;  z-index:7;
-moz-box-shadow: 0px 0px 3rem #f1f1f1;
-webkit-box-shadow: 0px 0px 3rem #f1f1f1;
box-shadow: 0px 0px 3rem #f1f1f1;


/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/

}
.dgw{ margin:0 1rem;}

    @font-face {
        font-family: hanyi;
        src: url('font_family/hanyi.ttf'),url('font_family/hanyi.eot'); /* IE9+ */
    }



.subnav h2{ text-align:center; color:#F60; font-size:3rem; padding:1.5rem 0; font-weight:normal; font-family: hanyi;}
.subnav h2{
-webkit-animation:fadeInDown .8s .01s ease both;
-moz-animation:fadeInDown .8s .01s ease both;}
@-webkit-keyframes fadeInDown{
0%{opacity:0;
-webkit-transform:translateY(-30px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown{
0%{opacity:0;
-moz-transform:translateY(-30px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}

.list_ad_a{ margin:0 auto; width:760px;}
.Hot{ position:relative; padding:1rem;left:-1.8rem; top:29px; z-index:1; background:#222; color:#fff}

.search_layer{
width: 100%;
height: 100%;
left:0;
left: 0px;
right: 0px;
top:0;/*FF IE7*/
z-index:1;
position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/
background: rgba(0,0,0,.85);
}

#animation{
position: relative;
top: 0px;
-webkit-animation:fadeInUpBig .1s .1s ease both;
-moz-animation:fadeInUpBig .1s .1s ease both;}
@-webkit-keyframes fadeInUpBig{
0%{opacity:1;
-webkit-transform:translateY(1000px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUpBig{
0%{opacity:1;
-moz-transform:translateY(2000px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}


.search{display:none; position:fixed; top:100px; width:100%; float:left; left:0; z-index:9999;}
.etw_layer{ position:absolute; z-index:-1;}



.input{ padding:0 10px;}
.search_center{ margin:0px 30px; position: relative; top: 60px;}
.search_center p{ line-height:60px; font-size:18px; text-align:center; color:#fff}
.search_center p a{ color:#ccc; padding:0 1%;}
.search_input{ width:100%;height:40px; border-radius:0; background:rgba(255,255,255,1); border:0px; outline: none;font-size:24px; text-align:center;color:#111; padding:10px; margin:0px;  }
.btn-slide{ cursor:pointer; margin-top:0rem; position: relative; top: 16px;}
.footer{  width:100%; padding:1rem 0; float:left;}
.footer p{ line-height:1.5rem; text-align:center; color:#ddd; font-size:.8rem;}

@media screen and (max-width:1024px) {
.btn-slide{ top: 12px;}
.pyic,.pyic_ad{ display:none;}
.right{ float:left;}
.fanye{ width:100%; text-align:center;}
.pagination {font-size:12px;width:100%; float:left;}
.pagination li{float:left; width:50%; height: 2.8em; line-height: 2.8em;  text-align: left;}

.pagination li:nth-child(2) {
  text-align: right;
}


.subnav{ height: auto; }
.list_top_nav{line-height:80px; color:#333;}

ul.list_tb li,.bline{  width:49.8%; margin-bottom:5px; padding:10px 0;}
.list_item:before {
top:13px;
}
.search_close{ width:100%;}

}

@media screen and (max-width: 710px) {
.btn-slide {
    top: .6rem;
}
.pyic,.pyic_ad,.time1,.GetTags{ display:none;}

.list_top_nav{ line-height:3rem; color:#fff;}

ul.list_tb li,.bline{ width:99.9999%; height:auto; padding:0px;}
.index_button{ top:24px; width:100%; height:40px; margin-top: 20px;}
.subnav{ width:100%;}
.list_item:before {
  top:8px;
}

ul.list_tb li p{ height:45px; line-height: 45px; padding:0px 0px 0px 10px;  font-weight:normal;}
/*
.search_input{ width:100%;height:3rem; border-radius:0; background:none; border:none; border:1px #777 solid; outline: none;font-size:20px; text-align:center;color:#fff; padding:0px; margin:0px;}
.search_center p{ line-height:4rem; font-size:1rem; text-align:center; color:#fff}*/
.Hot{left:1px; top:16px;background:red;}
}